﻿#errorExplanation {
  border: 1px solid #FF4040;
  background-color: #FFD0D4;
  float: left;
  width: 778px;
  padding: 10px 20px;
}

.contained-item #errorExplanation {
  width: 577px;
}

#item-new .contained-item #errorExplanation {
  width: 458px;
}

#errorExplanation h2 {
	font-size: 14px;
	color: #990027;
}

#errorExplanation p {
	color: #333;
	margin: 3px 0 0 0;
}

#errorExplanation ul {
	margin: 5px 40px;
}

#errorExplanation ul li {
	list-style-type: disc;
}

ul.sortable
{
}

ul.sortable li
{ 
}

#top, #filter, #list {
	float: left;
	width: 100%;
}

#top {
	background: #C5BAAC url('../images/top.png') top left repeat-x;
	float: left;
}

#top h3 {
	padding: 10px 10px;
	float: left;
	color: #382622;
}

#top h3 a {
	color: #745acc;
	padding: 0px;
	float: none;
}

#top a {
	font-weight: bold;
	float: right;
}

#top a.help-link {
	color: #A2825C;
	margin: 9px 10px;
	padding: 3px 5px;
	display: block;
	background: #FEF9F0;
	border: 1px solid #D9D5C4;
}

#top a.help-link:hover {
	background-color: #F2EEDB;
	text-decoration: none;
}

#top select {
	float: left;
	margin: 6px 0 0 0;
}

#filter {
	background: #E7E3D5;
}

#filter form {
	float: left;
}

#filter .left {
	padding: 11px 10px 11px 10px;
}

#filter .left p {
	font-size: 12px;
	color: #342A14;
	font-weight: bold;
}	
	
#filter .right {
  text-align: right;
  padding: 8px 10px;
}
	
#filter .right input {
	float: left;
	margin: 0 0 0 5px;
}
		
#filter .right select {
	float: left;
	width: 80px;
	margin: 0 0 0 5px;
}

#filter .right a {
	display: block;
	float: left;
	color: #A2825C;
	padding: 3px 10px;
	background: #FEF9F0;
	border: 1px solid #D9D5C4;
	font-weight: bold;
	margin: 0 0 0 3px;
}

#filter .right a:hover {
	text-decoration: none;
	background-color: #F2EED8;
}

#list {
	background: #FFF;
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	border: 0;
	border-collapse: collapse;
}

#list tr {
	border-bottom: 1px solid #ccc;
}

#list th {
	background: url('../images/table-header.png') 0px 0px no-repeat;
	padding: 4px 10px 4px 10px;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}

/* Items Table */

/* table head */
#list th.first {
	background: url('../images/table-header.png') -30px 0px no-repeat;
}
		
#list th.second {
}
		
#list th.third {
}

#list th.fourth {
}

#list th.fifth {
}
		
#list th.last {
	text-align: right;
}

/* table body */


#list tr td.last {
	text-align: right;
}

#list tr.header {
	width:100%;
	border-top: 1px solid #AAA;
	color: #333;
}

#list th.first {
}

#list tr.row {
}

#list tr.row.fade {
	background-color: #F0F0F0;
}

#list tr.hover {
	background-color: #f0f0f0;
	cursor: pointer;
}

#list tr td {
	padding: 8px 10px 8px 10px;
}

#list tr td.last a {
	display: block;
	float:right;
	padding: 4px 8px;
	background: #CCC;
	margin: 0 0 0 4px;
	color: #888;
	border: 1px solid #CCC;
	background: #f0f0f0;
	font-weight: bold;
}

#list tr td.last a:hover {
	text-decoration: none;
	background-color: #DDD;
	border-color: #BBB;
}

#courier-list {
	float: left;
	width: 100%;
}

#courier-list table.header {
	border-collapse: collapse;
	border-top: 1px solid #aaa;
}

#courier-list table.header tr {
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #CCC;
}

#courier-list table.header tr th {
	background: url('../images/table-header.png') 0px 0px no-repeat;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	color: #333;
	padding: 4px 0px;
}

#courier-list table.header tr th.first {
	background: url('../images/table-header.png') 0px -30px no-repeat;
}

#courier-list table.header tr th.first, #courier-list table.header tr td.first {
	width: 280px;
	padding-left: 10px;
	padding-right: 10px;
}

#courier-list table.header tr th.second, #courier-list table.header tr td.second {
	width: 100px;
	padding-left: 10px;
	padding-right: 10px;	
}

#courier-list table.header tr th.last, #courier-list table.header tr td.last {
	width: 380px;
	text-align: right;
	padding-left: 10px;
	padding-right: 10px;	
}

#courier-list table.header tr td {	
	background: #ffffff;
	padding: 8px 0;
}

#courier-list table.header tr td.first {
}

#courier-list table.header tr td.second {
}

#courier-list table.header tr td.last {
}

#courier-list table.header tr td.last a {
	display: block;
	float:right;
	padding: 4px 8px;
	background: #CCC;
	margin: 0 0 0 4px;
	color: #888;
	border: 1px solid #CCC;
	background: #f0f0f0;
	font-weight: bold;
}

#courier-list table.header tr td.last a:hover {
	text-decoration: none;
	background-color: #DDD;
	border-color: #BBB;
}